<ul class="eui-table-view">
    <li class="eui-table-view-cell eui-table-view-cell_vip">
        <div class="eui-media">
            <div class="eui-media-header eui--clearfix">
                <img class="eui-media-img eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-object eui--pull-left">
                    <!--<span class="eui-icon-gift_hollow"></span>-->
                    <p class="eui--font-26 eui--ellipsis">礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称</p>
                    <p class="gift-num eui--font-24">剩余：<span>XXXXX</span></p>
                    <p class="integral-num eui--font-28 eui--white-color eui--font-w-bold">
                        <span class="eui-icon eui-icon-leaf"></span>123456
                    </p>
                </div>
            </div>
            <div class="eui-media-body eui--font-24">钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张、钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张</div>
            <div class="eui-media-footer eui--position-rel">
                <span class="gift-time eui--font-26">13{{__("day")}}:20:15:01</span>
                <!--<a href="javascript:;" class="eui-btn eui-btn-vip eui--pull-right">{{__("btn_exchange")}}</a>-->
                <span class="eui-icon eui-icon-soldout"></span>
            </div>
        </div>
    </li>
    <li class="eui-table-view-cell eui-table-view-cell_vip">
        <div class="eui-media">
            <div class="eui-media-header eui--clearfix">
                <img class="eui-media-img eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-object eui--pull-left">
                    <!--<span class="eui-icon-gift_hollow"></span>-->
                    <p class="eui--font-26 eui--ellipsis">礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称</p>
                    <p class="gift-num eui--font-24">剩余：<span>XXXXX</span></p>
                    <p class="integral-num eui--font-28 eui--white-color eui--font-w-bold">
                        <span class="eui-icon eui-icon-leaf"></span>123456
                    </p>
                </div>
            </div>
            <div class="eui-media-body eui--font-24">钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张、钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张</div>
            <div class="eui-media-footer eui--position-rel eui--clearfix">
                <span class="gift-time eui--font-26">13{{__("day")}}:20:15:01</span>
                <a href="javascript:;" class="eui-btn eui-btn-vip eui--pull-right">{{__("btn_exchange")}}</a>
            </div>
        </div>
    </li>
    <li class="eui-table-view-cell">
        <div class="eui-media">
            <div class="eui-media-header eui--clearfix">
                <img class="eui-media-img eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-object eui--pull-left">
                    <!--<span class="eui-icon-gift_hollow"></span>-->
                    <p class="eui--font-26 eui--ellipsis">礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称</p>
                    <p class="gift-num eui--font-24">剩余：<span>XXXXX</span></p>
                    <p class="integral-num eui--font-28 eui--white-color eui--font-w-bold">
                        <span class="eui-icon eui-icon-leaf"></span>123456
                    </p>
                </div>
            </div>
            <div class="eui-media-body eui--font-24">钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张、钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张</div>
            <div class="eui-media-footer eui--position-rel eui--clearfix">
                <span class="gift-time eui--font-26">13{{__("day")}}:20:15:01</span>
                <a href="javascript:;" class="eui-btn eui-btn-primary eui--pull-right">{{__("btn_exchange")}}</a>
            </div>
        </div>
    </li>
    <li class="eui-table-view-cell">
        <div class="eui-media">
            <div class="eui-media-header eui--clearfix">
                <img class="eui-media-img eui--pull-left" src="{{site.cdn}}/test-game-icon.png">
                <div class="eui-media-object eui--pull-left">
                    <!--<span class="eui-icon-gift_hollow"></span>-->
                    <p class="eui--font-26 eui--ellipsis">礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称礼包名称</p>
                    <p class="gift-num eui--font-24">剩余：<span>XXXXX</span></p>
                    <p class="integral-num eui--font-28 eui--white-color eui--font-w-bold">
                        <span class="eui-icon eui-icon-leaf"></span>123456
                    </p>
                </div>
            </div>
            <div class="eui-media-body eui--font-24">钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张、钻石一颗、抽奖卡八张、钻石一个、抽奖卡八张</div>
            <div class="eui-media-footer eui--position-rel eui--clearfix">
                <span class="gift-time eui--font-26">13{{__("day")}}:20:15:01</span>
                <a href="javascript:;" class="eui-btn eui-btn-primary eui--pull-right">{{__("btn_exchange")}}</a>
            </div>
        </div>
    </li>
</ul>